<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="/js/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="/js/css/all.css"/>
    <script src="/js/corner.js" type="text/javascript"></script>
    <script src="/js/all.js" type="text/javascript"></script>
    <script src="/js/subnav.js" type="text/javascript"></script>
    <title>sns</title>
</head>

<body>
<div id="header2">
    <div class="logo">
        <dl>
            <dt>logo</dt>
            <dd><a href="#">注 册</a></dd>
            <dd><a href="#">登 录</a></dd>
            <dd><a href="#">设 置</a></dd>
        </dl>
    </div>
</div>

<div class="main">
    <div class="left">
        <ul id="tiles">
            <!-- These are our grid blocks -->
            <li>
                <div class="content">
                    <div class="con_pic">
                        <div class="con_con">
                            {% if image %}
                                <a href="#"><img src="/media/image/{{ image }}"/></a>
                            {% endif %}
                        </div>
                        <div class="con_pic_name">
                            <h3><a href="#">{{ title }}</a></h3>

                            <div class="name"><a href="#">{{ user.username }}</a></div>
                            <div class="time"><a href="#">{{ date|date:"SHORT_DATE_FORMAT" }}</a></div>
                            <div class="type"><a href="#">{{ type }}</a></div>
                            <div class="attention"><a href="#">0</a></div>
                        </div>

                        <div class="con_script"><p>
                            {% ifequal contentType 'link' %}
                                {% load urlize_blank %}
                                {{ content|safe|removetags:"img"|truncatechars:150 }}{{ link|urlize_blank|safe }}
                            {% else %}
                                {{ content|safe|removetags:"img"|truncatechars:150 }}
                            {% endifequal %}
                        </p></div>
                    </div>
                    <div class="con_dis"><span><a href="#"><img src="/js/images/btn01.png" width="28"
                                                                height="28"/></a>0</span><span><a
                            href="#"><img src="/js/images/btn02.png" width="28" height="28"/></a>0</span></div>
                </div>
            </li>
            <!-- End of grid blocks -->
        </ul>
    </div>
    <div class="right">
        <div class="right_article">
            <h1><span>{{ title }}</span></h1>

            <div class="art_all">
                <div class="art">
                    {% ifequal contentType 'link' %}
                        {% load urlize_blank %}
                        {{ content|safe }}{{ link|urlize_blank|safe }}
                    {% else %}
                        {{ content|safe }}
                    {% endifequal %}
                </div>
                <div class="relevant">
                    <dl>
                        <dd><span>热度(0)</span><span><a href="#">回应</a></span><span><a href="#">转载</a></span></dd>
                        <dt><span><a href="#"><img src="/js/images/btn01.png"/></a>0</span><span><a href="#"><img
                                src="/js/images/btn02.png"/></a>0</span></dt>
                    </dl>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>